<!DOCTYPE html>
<html style='height:100%'>
<head>
<title>Rainbow Balls</title>
</head>

<body style='background:grey;height:100%'>
<canvas id='scene' style='position:absolute'/>
</body>


<!--<script type="text/javascript">-->

<!--var canvas=document.getElementById('scene');-->
<!--var ctx=canvas.getContext('2d');-->
<!--ctx.fillStyle='#668888';-->
<!--ctx.fillRect(0,0,200,500);-->

<!--</script>-->

<script type='text/javascript' src='js/config.js'></script>
<script type='text/javascript' src='js/MessageManager.js'></script>
<script type='text/javascript' src='js/framework.js'></script>
<script type='text/javascript' src='js/time.js'></script>
<script type='text/javascript' src='js/components/PositionComponent.js'></script>
<script type='text/javascript' src='js/components/BallComponent.js'></script>
<script type='text/javascript' src='js/components/ScoreComponent.js'></script>
<script type='text/javascript' src='js/components/CircleCollisionComponent.js'></script>
<script type='text/javascript' src='js/components/PlayerControllerComponent.js'></script>
<script type='text/javascript' src='js/systems/CollisionSystem.js'></script>
<script type='text/javascript' src='js/systems/BallAiSystem.js'></script>
<script type='text/javascript' src='js/systems/PlayerControllerSystem.js'></script>
<script type='text/javascript' src='js/systems/ScoreAnimationSystem.js'></script>
<script type='text/javascript' src='js/systems/RuleSystem.js'></script>
<script type='text/javascript' src='js/systems/RenderSystem.js'></script>
<script type='text/javascript' src='js/main.js'></script>

</html>